    
        .circle {
            z-index: 1;
            position: relative;
            width: 220px;
            height: 220px;
            margin: 0 auto;
            border: 2px solid #e4007e;
            border-radius: 50%;
            background-image: url(./images/Tiga.jpg);
            background-size: cover;
            animation: 10s linear infinite CDturn;
            animation-play-state: paused;
            transition-duration: 2s;
        }

        .dot {
            position: relative;
            width: 30px;
            height: 30px;
            left: 50%;
            top: 50%;
            border-radius: 50%;
            border: 2px solid #e4007e;
            background-color: #000000;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .sun {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: -webkit-linear-gradient(45deg,
                    transParent 35%,
                    rgba(255, 255, 255, 0.2) 45%,
                    rgba(255, 255, 255, 0.3) 50%,
                    rgba(255, 255, 255, 0.2) 55%,
                    transParent);
            animation: 10s linear infinite CDturn reverse;
            animation-play-state: paused;
        }

        .my_fix {
            animation: 10s linear infinite CDturn reverse;
            animation-play-state: paused;
        }

        .arm {
            z-index: 999;
            position: absolute;
            top: 30px;
            left: 250px;
            width: 35px;
            height: 170px;
            border: 7px solid rgb(148, 28, 28);
            border-left-color: transparent;
            border-top-color: transparent;
            transform-origin: top right;
            -webkit-transform-origin: top right;
            transform: skew(-20deg, -20deg);
            -webkit-transform: skew(-20deg, -20deg);
            border-radius: 0 0 30% 0;
            animation: 10s linear infinite CDturn reverse;
            animation: run 0.5s linear infinite alternate;
            
            animation-play-state: paused;
        }

        .arm::after {
            transform: skew(20deg, 20deg) rotate(75deg);
            -webkit-transform: skew(20deg, 20deg) rotate(75deg);
            content: "";
            width: 20px;
            height: 23px;
            background: rgb(148, 28, 28);
            position: absolute;
            top: 160px;
            left: -10px;
        }

        .arm::before {
            transform: skew(20deg, 20deg);
            -webkit-transform: skew(20deg, 20deg);
            content: "";
            border-radius: 50%;
            width: 20px;
            height: 20px;
            background: rgb(2, 94, 214);
            border: 7px solid  rgb(148, 28, 28);
            position: absolute;
            top: -25px;
            left: 25px;
        }

        @keyframes run {
            from {
                transform: skew(-20deg, -20deg) rotate(0deg);
                -webkit-transform: skew(-20deg, -20deg) rotate(0deg);
            }

            to {
                transform: skew(-20deg, -20deg) rotate(2deg);
                -webkit-transform: skew(-20deg, -20deg) rotate(2deg);
            }
        }

        /*3秒转一圈，均速，无限，应用CDturn样式*/
        @keyframes CDturn {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }
    